<!DOCTYPE html>
<html lang="en">
<html>

<head>
	<meta charset="utf-8">
	<title>详情页面</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css" />
	<link rel="stylesheet" type="text/css" href="css/detail.css?a=1" />
	<link rel="stylesheet" type="text/css" href="css/header.css" />
	<script src="./js/cookie.js"></script>
	<script src="./js/jquery-3.3.1.min.js"></script>
</head>

<body>
	<!-- 头部导航 -->
	<header class="header">
		<section class="header-con w1190">
			<ul class="clearfix fr">
				<li><a href="login.html" id="login">登陆</a><a href="register.html" id="register">注册</a></li>
				<li><a href="shoe.html">我的名鞋库</a></li>
				<li>
					<a href="javascript:;">
						<span>手机名鞋库</span>
					</a>
					<i></i>
					<section class="hd"></section>
					<section class="callMe">
						<img src="img/weixin_05.jpg">
						<img src="img/weixin_03.jpg">
					</section>
				</li>
				<li><a href="javascript:;">收藏名鞋库</a></li>
				<li><a href="javascript:;"><span>名鞋库客服</span></a></li>
				<li><span>400 116 2228</span></li>
			</ul>
		</section>
	</header>
	<!-- 搜索栏 -->
	<div class="searchStore w1190">
		<div class="store fl">
			<a href="javascript:;">樱桃小丸子杂货铺</a>
		</div>
		<div class="search fr">
			<input type="text" placeholder="搜索 天猫/品牌/店铺">
			<a href="javascript:;">搜天猫</a>
		</div>
	</div>
	<!-- 详情 -->
	<div class="goodsInfo w1190">
		<div class="main">
			<div class="imgInfo fl">
				<div class="middle">
					<img src="./img/middle1.jpg" alt="">
					<div class="mask"></div>
				</div>
				<ul class="clearfix small">
					<li>
						<img class="current" src="img/small1.jpg" alt="">
					</li>
					<li>
						<img src="img/small2.jpg" alt="">
					</li>
				</ul>
				<div class="big">
					<img src="./img/middle1.jpg" alt="">
				</div>
			</div>
			<div class="choseInfo fr">
				<div class="title">
					<h1>高级感竖条纹衬衫男士春秋韩版潮流帅气港风美式百搭长袖休闲衬衣</h1>
				</div>
				<div class="price">
					<div class="single">
						<div>
							<b class="surprice">青年狂欢价</b> <span class="surprice">￥9.9</span>
						</div>
					</div>
				</div>
				<div class="carriage">
					<span>运费</span>
					<span class="fromPlace">广东佛山</span>
					至
					<span class="toPlace">合肥</span>
					<span>快递:0.00</span>
				</div>
				<div class="chose clearfix">
					<span class="fl">款式</span>
					<div class="choseSingle fl">
						<ul>
							<li><a href="javascript:;">静夜思</a></li>
							<li><a href="javascript:;">床前明月光，疑是地上霜</a> </li>
						</ul>
					</div>
				</div>
				<div class="count clearfix">
					<span class="fl">数量</span>
					<div class="allCount fl">
						<input type="text" class="singleCount fl" value="1">
						<div class="changeCount fl">
							<a href="javascript:;" class="increase fl">+</a>
							<a href="javascript:;" class="decrease fl">-</a>
						</div>
					</div>
				</div>
				<div class="payment">
					<a href="shopCart.html" class="move_car">移步购物车</a>
					<a href="javascript:;" class="add_car current">加入购物车</a>
				</div>
			</div>
		</div>
	</div>
	<!-- tab栏具体介绍 -->
	<div class="detailInfo w1190">
		<ul class="title clearfix">
			<li class="active">商品详情</li>
			<li>累计评价</li>
			<li>相关产品</li>
		</ul>
		<ol class="content">
			<li class="detail active">
				<div class="goods_data">
					<p>品牌名称:  爱马仕</p>
					<p>产品参数:</p>
					<ul class="clearfix fl">
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
					</ul>
					<ul class="clearfix fl">
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
					</ul>
					<ul class="clearfix fl">
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
						<li>衣服种类:  衬衫</li>
					</ul>
				</div>
				<div class="goods_img">
					<img src="./img/1.jpg" alt="">
					<img src="./img/2.jpg" alt="">
				</div>
			</li>
			<li class="comment">
				<div class="user_talk clearfix">
					<div class="user fl">
						<span>
							<img src="./img/1.jpg" alt="">
						</span>
						<span>小甜甜ye</span>
					</div>
					<div class="talk fr">
						<span class="star">☆☆☆☆☆</span>
						<p class="talk_content">裤子做工很惊喜，收到货试穿一下尺寸和是，侯波也始终，穿着很舒服，包装也是很给力，没有破损</p>
						<ul class="clearfix">
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
						</ul>
					</div>
				</div>
				<div class="user_talk clearfix">
					<div class="user fl">
						<span>
							<img src="./img/1.jpg" alt="">
						</span>
						<span>小甜甜ye</span>
					</div>
					<div class="talk fr">
						<span class="star">☆☆☆☆☆</span>
						<p class="talk_content">裤子做工很惊喜，收到货试穿一下尺寸和是，侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损</p>
						<ul class="clearfix">
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
						</ul>
					</div>
				</div>
				<div class="user_talk clearfix">
					<div class="user fl">
						<span>
							<img src="./img/1.jpg" alt="">
						</span>
						<span>小甜甜ye</span>
					</div>
					<div class="talk fr">
						<span class="star">☆☆☆☆☆</span>
						<p class="talk_content">裤子做工很惊喜，收到货试穿一下尺寸和是，侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损</p>
						<ul class="clearfix">
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
						</ul>
					</div>
				</div>
				<div class="user_talk clearfix">
					<div class="user fl">
						<span>
							<img src="./img/1.jpg" alt="">
						</span>
						<span>小甜甜ye</span>
					</div>
					<div class="talk fr">
						<span class="star">☆☆☆☆☆</span>
						<p class="talk_content">裤子做工很惊喜，收到货试穿一下尺寸和是，侯波也始终，穿着很舒服，包装也是很给力，没有破损</p>
						<ul class="clearfix">
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
						</ul>
					</div>
				</div>
				<div class="user_talk clearfix">
					<div class="user fl">
						<span>
							<img src="./img/1.jpg" alt="">
						</span>
						<span>小甜甜ye</span>
					</div>
					<div class="talk fr">
						<span class="star">☆☆☆☆☆</span>
						<p class="talk_content">裤子做工很惊喜，收到货试穿一下尺寸和是，侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损</p>
						<ul class="clearfix">
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
						</ul>
					</div>
				</div>
				<div class="user_talk clearfix">
					<div class="user fl">
						<span>
							<img src="./img/1.jpg" alt="">
						</span>
						<span>小甜甜ye</span>
					</div>
					<div class="talk fr">
						<span class="star">☆☆☆☆☆</span>
						<p class="talk_content">裤子做工很惊喜，收到货试穿一下尺寸和是，侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损</p>
						<ul class="clearfix">
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
						</ul>
					</div>
				</div>
				<div class="user_talk clearfix">
					<div class="user fl">
						<span>
							<img src="./img/1.jpg" alt="">
						</span>
						<span>小甜甜ye</span>
					</div>
					<div class="talk fr">
						<span class="star">☆☆☆☆☆</span>
						<p class="talk_content">裤子做工很惊喜，收到货试穿一下尺寸和是，侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损</p>
						<ul class="clearfix">
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
						</ul>
					</div>
				</div>
				<div class="user_talk clearfix">
					<div class="user fl">
						<span>
							<img src="./img/1.jpg" alt="">
						</span>
						<span>小甜甜ye</span>
					</div>
					<div class="talk fr">
						<span class="star">☆☆☆☆☆</span>
						<p class="talk_content">裤子做工很惊喜，收到货试穿一下尺寸和是，侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损</p>
						<ul class="clearfix">
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
						</ul>
					</div>
				</div>
				<div class="user_talk clearfix">
					<div class="user fl">
						<span>
							<img src="./img/1.jpg" alt="">
						</span>
						<span>小甜甜ye</span>
					</div>
					<div class="talk fr">
						<span class="star">☆☆☆☆☆</span>
						<p class="talk_content">裤子做工很惊喜，收到货试穿一下尺寸和是，侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损</p>
						<ul class="clearfix">
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
						</ul>
					</div>
				</div>
				<div class="user_talk clearfix">
					<div class="user fl">
						<span>
							<img src="./img/1.jpg" alt="">
						</span>
						<span>小甜甜ye</span>
					</div>
					<div class="talk fr">
						<span class="star">☆☆☆☆☆</span>
						<p class="talk_content">裤子做工很惊喜，收到货试穿一下尺寸和是，侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损侯波也始终，穿着很舒服，包装也是很给力，没有破损</p>
						<ul class="clearfix">
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
							<li><a href="javascript:;"><img src="./img/1.jpg" alt=""></a></li>
						</ul>
					</div>
				</div>
			</li>
			<li class="recommend">
				<img src="./img/3.jpg" alt="">
				<img src="./img/4.jpg" alt="">
			</li>
		</ol>
	</div>
</body>
<script src="./js/detail.js?a=2"></script>

</html>